<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        body {
            background-color: #f5f5f5;
        }
        .box {
            width: 234px;
            height: 339px;
            background-color: #ffff;
            margin-left: auto;
            margin-right: auto;
            text-align:center;
        }
        img {
            width: 100%;
        }
        h4 {
            font-size: 14px;
            font-weight: 400;
            margin: 0 10px 2px 10px;
        }
        .box .appraise {
            font-size: 12px;
            margin: 0 10px 10px;
            color: #b0b0b0;
        }
        .price {
            color: #ff6700;
            width: 214px;
            height: 21px;
            font-size: 14px;
            margin: 0 10px 14px;
        }
        .iscount {
            text-decoration: line-through;
            color: #b0b0b0;
            margin-left: 7px;
        }

    </style>
</head>
<body>
    <div class="box">
        <img src="images\hzal.jpg" alt="">
        <h4>Redmi全自动波轮洗衣机1A 8kg</h4>
        <div class="appraise">一键操作，父母都爱用</div>
        <div class="price"><span class="regular">849</span>元 <span class="iscount">899元</span></div>
    </div>
</body>
</html>